@import 'reset';
.main{
    width: 100%;
    height: 1000px;
    .sub{
        width: 1226px;
        height: 100%;
        margin: auto;
        // background-color: red;
        display: flex;
        // justify-content: space-around;
        margin-top: 20px;
        // align-items: center;
        .box{
            width: 400px;
            height: 500px;
            
                .left {
                    width: 400px;
                    height: 400px;
                    position: relative;
                }
                .a {
                    width: 200px;
                    height: 200px;
                    background-color: rgba(0, 0, 0, .5);
                    position: absolute;
                    top: 0;
                    left: 0;
                    // visibility: hidden;
                    display: none;
                    cursor: move;
                }
                .bigImg {
                    width: 400px;
                    height: 400px;
                }
                ul{
                    width: 70px;
                    height: 70px;
                    display: flex;
                    li img {
                        width: 70px;
                        height: 70px;
                    }
                }
            
        }
        .box1{
            width: 500px;
            margin-left: 30px;
            line-height: 30px;
            position: relative;
            .right{
                width: 400px;
                height: 400px;
                position: absolute;
                overflow: hidden;
                display: none;
                img{
                    width: 800px;
                    height: 800px;
                    position: absolute;
                    
                }
            }
            .goods_title{
                font-size: 16px;
                font-weight: 600;
            }
            p{
                // margin-top: 5px;
                color: #666666;
            }
            .box1son-price{
                width: 100%;
                height: 80px;
                border: 1px solid gray;
                display: flex;
                // justify-content: center;
                align-items: center;
                padding-left: 30px;
                p{
                    font-size: 14px;
                    .goods_price{
                        color: #cc0000;
                        font-size: 18px;
                        font-weight: 600;
                        margin-left: 30px;
                    }
                }
            }
            .box1son-size{
                display: flex;
                justify-content: space-between;
                margin-top: 10px;
                span{
                    width: 40px;
                    font-size: 12px;
                    height: 20px;
                    display: inline-block;
                }
                ul{
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    width: 480px;
                    margin-left: 10px;
                    li{
                        line-height: 30px;
                        width: 85px;
                        text-align: center;
                        font-size: 12px;
                        border: 1px solid black;
                        margin-left: 5px;
                        margin-top: 5px;
                    }
                }
            }
            .box1son-color{
                display: flex;
                justify-content: space-between;
                margin-top: 10px;
                span{
                    width: 60px;
                    font-size: 12px;
                    height: 20px;
                    display: inline-block;
                }
                ul{
                    display: flex;
                    align-items: center;
                    width: 480px;
                    margin-left: 10px;
                    li{
                        line-height: 20px;
                        width: 30px;
                        text-align: center;
                        font-size: 12px;
                        border: 1px solid black;
                        margin-left: 5px;
                        margin-top: 5px;
                        border: 1px solid red;
                    }
                }
            }
            .box1son-num{
                margin-top: 15px;
                display: flex;
                justify-content: left;
                color: #666666;
                span{
                    width: 60px;
                    font-size: 12px;
                    height: 20px;
                    display: inline-block;
                }
                .count{
                    width: 200px;
                    span{
                        width: 10px;
                    }
                    .count-input{
                        text-align: center;
                        width: 40px;
                        border: 1px solid black;
                    }
                }
            }
            .addcart{
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 15px;
                .buy{
                    width: 160px;
                    display: flex;
                    justify-content: center;
                    color: #ff0036;
                    background-color: #ffeded;
                    align-items: center;
                    border: 1px solid #ff0036;
                    margin-right: 15px;
                }
                .incart{
                    justify-content: center;
                    background-color: #ff0036;
                    width: 160px;
                    color: #ffeded;
                    display: flex;
                    align-items: center;
                    border: 1px solid #ff0036;
                }
            }
            .ser{
                margin-top: 20px;
                span{
                    display: inline-block;
                    width: 100px;
                    // margin-left: 20px;
                }
                span:nth-of-type(4){
                    width: 140px;
                }
            }
        }
    }
}